<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="style.css" />
	<title>这是一个用CSS和HTML5结构化标签布局博客</title>
</head>
<body>
<header id="page_header">
	<h1>AwesomeCo Blog!</h1>
	<nav>
		<ul>
			<li><a href="/">Latest Posts</a></li>
			<li><a href="archives">Archives</a></li>
			<li><a href="contributors">Contributors</a></li>
			<li><a href="contact">Contact Us</a></li>
		</ul>
	</nav>
</header>
<section id="posts">
	<article class="post">
		<header>
			<h2>How Many Should We Put You Down For?</h2>
			<p>Posted by Brian on
				<time datetime="2010-10-01T14:39">October 1st, 2010 at 2:39PM</time>
			</p>
		</header>
		<aside>
			<p>&quot;Never give someone a chance to say no when selling your product. &quot;</p>
		</aside>
		<p>The first big rule in sales is that if the person leaves empty-handed, they're likely not going to come back.
			That's why you have to be somewhat aggressive when you're working with a customer, but you have to make sure
			you don't overdo it and scare them away.</p>
		<p>One way you can keep a conversation going is to avoid asking questions that have yes or no answers. For
			example, if you're selling a service plan, don't ever ask "Are you interested in our 3 or 5 year service
			plan?" Instead, ask "Are you interested in the 3 year service plan or the 5 year plan, which is a better
			value?" At first glance, they appear to be asking the same thing, and while a customer can still opt out,
			it's harder for them to opt out of the second question because they have to say more than just "no." </p>
		<footer>
			<p><a href="comments">25 Comments</a> ...</p>
		</footer>

	</article>
</section>
<section id="sidebar">
	<nav>
		<h3>Archives</h3>
		<ul>
			<li><a href="2010/10">October 2010</a></li>
			<li><a href="2010/09">September 2010</a></li>
			<li><a href="2010/08">August 2010</a></li>
			<li><a href="2010/07">July 2010</a></li>
			<li><a href="2010/06">June 2010</a></li>
			<li><a href="2010/05">May 2010</a></li>
			<li><a href="2010/04">April 2010</a></li>
			<li><a href="2010/03">March 2010</a></li>
			<li><a href="2010/02">February 2010</a></li>
			<li><a href="2010/01">January 2010</a></li>
		</ul>
	</nav>
</section>
<aside>
	<p>这个用来演示一个基本页面布局。</p>
</aside>
<footer id="page_footer">
	<p>&copy; 2017 Fordtec.</p>
	<nav>
		<ul>
			<li><a class="popup" href="/">Latest Posts</a></li>
			<li><a href="archives">Archives</a></li>
			<li><a href="contributors">Contributors</a></li>
			<li><a href="contact">Contact Us</a></li>
		</ul>
	</nav>
</footer>
<script>
	var links = $("a.popup");
	links.click(function (event) {
		event.preventDefault();
		window.open($(this).attr('href'));

	})
</script>
</body>
</html>